/*
  学习目标：使用useState改造计数器功能
  步骤：
     1. 改造类组件为函数式组件
     */
//  2. 导入useState
import React, { useState } from 'react';

export default function App() {
    // 3. 调用useState函数，创建状态count和更新count的函数
  // 语法：const [状态变量，更新状态的函数] = useState(初始值)
    const [count,setCount]=useState(1000)
    const [msg,setMsg]=useState('')
  return (
    <div>
        count---{count}
        msg---{msg}
        {/* 4. 使用state 和setState */}
       <button onClick={()=>setCount(count+1)}>点击改变count</button>
       <button onClick={()=>setMsg(msg+'~')}>点击改变msg</button>
    </div>
  )
}

